*{
    margin: 0;
    top: 0;
}
.header{
        position: fixed; 
        top: 0;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #ebebeb;
        text-align: center;
        line-height:40px;
        font-size: 36px;
        background: #fff;
        z-index: 99;
}
.header .search_btn {
    height: 35px;
        float: right;
        margin-right:10px;
        color: #ff7830;
        font-size: 20px;
        line-height: 35px;
    }
.search_box {
    float: left;
    width: 260px;
    height: 38px;
    margin-top: 1px;
    
    position: relative;
}
.search_box .search_input{
    display: inline-block;
    width: 260px;
    height: 30px;
    text-align: center;
    line-height: 30px;
   position: absolute;
   margin-top: 3px;
   margin-left: -100px;
   border: 1px silver solid;
   border-radius: 5%;
 
   

}
.rank-nav{
    display: block;
    
    width: 100%;
    height: 140px;
    margin-top: 40px;
   
    
   
}

.rank-nav ul{
  
    display: block;
    /* margin-block-start: 40px;
    margin-block-end: 40px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 25px; */
  
    padding-left: 20px;

    
}
ul li{
list-style: none;
  height: 35px;
  width: 70px;
  border: 1px solid darkgrey;
  line-height: 35px;
  text-align: center;
   float: left;
   margin-top: 5px;
   margin-left: 5px;
}
ul li a{
    text-decoration: none;
}
.rank-list {
    box-sizing: border-box;
    padding: 3px;
    color: #999;
}

.rank-item {
    margin: 1px auto;
    position: relative;
    float: left;
}
 .cover{
    display: inline-block;
    height: 120px;
    width: 100px;
    
}

.comic-item-info {
    float: left;
    /* background-color: sandybrown; */
    display: inline-block;
    box-sizing: border-box;
   /* padding-left: 0px;
  padding-top: 0px; */
    font-size: 21px;
    /* line-height: 40px; */
    height: 100%;
}
.comic-item-info p{

    width: 100%;
    height:40px;
    color: rgb(53, 52, 52);
}

.comic-item-info a{
    text-decoration: none;
}

.boxs{
    overflow:hidden;
    width: 100%;
}
/* .boxs::after{
    content: '';
    display: block;
    clear: both;
} */
